<template>
    <fieldset>
        <legend>插槽</legend>
        <header>
            <slot name="header"></slot>
        </header>
        <main>
            <slot name="main"></slot>
        </main>
        <footer>
            <slot name="footer"></slot>
        </footer>
        <!-- 不具名的内容，通过不加name属性的插槽接收 -->
        <slot :data="arr"></slot>
    </fieldset>
</template>
<script>
    export default {
        data(){
            return {
                arr: ["吃","喝","写代码"]
            }
        }
    }
</script>